$(document).ready(function(){
	renderDataTable();
	$("#refresh").click(function(){
		 $("#datetimepicker1").val("");
		 $("#datetimepicker2").val("");
		 $("#topic").val("");
		 $("#detail").val("");
		 $("#oldTopic").val("");
		 $('#check_pin').attr('checked', false);
		var table = $('#NewsSystem').DataTable();
		table.$('tr.selected').removeClass('selected');
		$("#displayImage").hide();
	});
	
	$("#displayImage").hide();
});

function SaveNew(){
	
	var start_date = $("#datetimepicker1").val();
	var end_date = $("#datetimepicker2").val();
	var topic =$("#topic").val();
	var detail =$("#detail").val();
	var statusUpdate =$("#oldTopic").val();
	if ($('#check_pin').is(":checked"))
	{
		var pin = "มีการปักหมุดข่าว"; 
	}else{
		
		var pin = "ไม่มีการปักหมุดข่าว";
	}
	
	if (start_date == "" || end_date == "" || topic ==" " || detail =="") {
		document.getElementById("modal_content").innerHTML = "กรุณากรอกข้อมูลให้ครบถ้วน";
		$('#warningModal').modal();
	}else if(statusUpdate != ""){
		document.getElementById("modal_content_confirmUpdateModal").innerHTML = "คุณต้องการบันทึกข้อมูลข่าวประชาสัมพันธ์  "+"<br>วันที่เริ่มต้น : "+start_date
		+"<br>วันที่สิ้นสุด  : "+end_date +"<br>หัวข้อข่าว :  "+topic+"<br>รายละเอียดข่าว : "+detail+"<br>ปักหมุด : "+pin;
		$('#confirmUpdateModal').modal();
	}else{
		document.getElementById("modal_content_confirmSaveModal").innerHTML = "คุณต้องการบันทึกข้อมูลข่าวประชาสัมพันธ์  "+"<br>วันที่เริ่มต้น : "+start_date
		+"<br>วันที่สิ้นสุด  : "+end_date +"<br>หัวข้อข่าว :  "+topic+"<br>รายละเอียดข่าว : "+detail+"<br>ปักหมุด : "+pin;
		$('#confirmSaveModal').modal();
	}
}

function editData(index,pin,url,topic,detail,startDate,endDate){
	$("#displayImage").show();
	$("#displayImage").attr('src','/CS/assets/images/new/'+url);
	
	//hilight row
	var table = $('#NewsSystem').DataTable();
    table.$('tr').removeClass('selected');
    table.$('tr:eq('+(parseInt(index)-1)+')').addClass('selected');
	$("#datetimepicker1").val(startDate);
	$("#datetimepicker2").val(endDate);
	$("#oldStartDate").val(startDate);
	$("#oldEndDate").val(endDate);
	if(pin == "Y"){
		document.getElementById("check_pin").checked = true;
		//$('#check_pin').attr('checked', true);
	}else{
		document.getElementById("check_pin").checked = false;
		//$('#check_pin').attr('checked', false);
	}

	
	$.ajax({
		url : 'CS82000Srvl' , 
		type : "POST",
		data : {
			vaProcessType : "edit" , 
			topic:topic,
	    	start_date:startDate,
	    	end_date:endDate
		},
		dataType : "json",
		success: function(data){
			$("#topic").val(data.topic);
			$("#detail").val(data.detail);
			$("#oldTopic").val(data.topic);
			$("#oldNameImage").val(data.url);
		}
	});
}


function deleteData(pin,url,topic,detail,startDate,endDate) {
	$("#dataDelete1").val(topic);
	$("#dataDelete2").val(startDate);
	$("#dataDelete3").val(endDate);
	$("#dataDelete4").val(url);
	if (pin=="Y")
	{
		var pin = "มีการปักหมุดข่าว"; 
	}else{
		
		var pin = "ไม่มีการปักหมุดข่าว";
	}
	
    document.getElementById("modal_content_confirmModal").innerHTML = "คุณต้องการบันทึกข้อมูลข่าวประชาสัมพันธ์  "+"<br>วันที่เริ่มต้น : "+startDate
	+"<br>วันที่สิ้นสุด  : "+endDate +"<br>หัวข้อข่าว :  "+topic+"<br>รายละเอียดข่าว : "+detail+"<br>ปักหมุด : "+pin;
    $('#confirmModal').modal();
    
}

function confirmdeleteData(){
		   $.ajax({ 
		   type : 'GET',
		   url : "CS82000Srvl",
		   data:{
		   vaProcessType:"delete",
		   topic: $("#dataDelete1").val(),
		   startDate : $("#dataDelete2").val(),
		   endDate : $("#dataDelete3").val(),
		   url:$("#dataDelete4").val(),
		   url_address:$("#url_address").val(),
		   agent_browser:$("#agent_browser").val()
		   }, 
		   success : function(data) { 
			   location.reload();
		   }    
		});	 
}

function addDataTable(){

	$('#confirmSaveModal').modal('hide');
	var start_date = $("#datetimepicker1").val();
	var end_date = $("#datetimepicker2").val();
	var topic =$("#topic").val();
	var detail =$("#detail").val();
	if ($('#check_pin').is(":checked"))
	{
		var pin = "Y"; 
	}else{
		var pin = "N";
	}
	var images = $("#nameImage").val();
	if(images ==""){
		//ไม่มีการอัพโหลดรูป
		 $.ajax({
			    type : 'GET',
			    url : "CS82000Srvl",
			    data:{
			    	vaProcessType:"insert",
			    	detail:detail,
			    	start_date:start_date,
			    	end_date:end_date,
			    	pin :pin ,
			    	topic:topic,
			    	url_address:$("#url_address").val(),
			    	agent_browser:$("#agent_browser").val()
			    },  
			    success : function(data) {
			    	location.reload();
			    }
			});
	}else{
		//มีการอัพโหลดรูป
		var formData = new FormData($("#UploadFileImage")[0]);
		 $.ajax({
			    type : 'POST',
			    url : "CS82000Srvl",
			    data: formData,
			    async: false,
			    cache: false,
			    contentType: false,
			    processData: false,
			    success: function (data) {
			    	 $.ajax({
						    type : 'GET',
						    url : "CS82000Srvl",
						    data:{
						    	vaProcessType:"insert_upload",
						    	detail:detail,
						    	start_date:start_date,
						    	end_date:end_date,
						    	pin :pin ,
						    	topic:topic,
						    	url_address:$("#url_address").val(),
						    	agent_browser:$("#agent_browser").val()
						    },  
						    success : function(data) {
						    	location.reload();
						    }
						});
			    },
			});
	}	
}

function updateDataTable(){
	$('#confirmUpdateModal').modal('hide');
	var start_date = $("#datetimepicker1").val();
	var end_date = $("#datetimepicker2").val();
	var topic =$("#topic").val();
	var detail =$("#detail").val();
	var statusUpdate =$("#oldTopic").val();
	var oldNameImage = $("#oldNameImage").val();
	if ($('#check_pin').is(":checked"))
	{
		var pin = "Y"; 
	}else{
		var pin = "N";
	}
	
	 var image = $("#nameImage").val();
	 if(image == ""){
		 //ไม่มีการ upload รูปภาพใหม่
		 $.ajax({
	    		type : 'GET',
	    	    url : "CS82000Srvl",
	    	    data:{
	    	    	vaProcessType:"update",
	    	    	topic: topic, 
	    	    	detail:detail,
	    	    	start_date:start_date,
	    	    	end_date:end_date,
	    	    	pin :pin,
	    	    	oldTopic :statusUpdate,
	    	    	oldNameImage: oldNameImage,
	    	    	oldStartDate:$("#oldStartDate").val(),
	    	    	oldEndDate:	$("#oldEndDate").val(),
			    	url_address:$("#url_address").val(),
			    	agent_browser:$("#agent_browser").val()
	    	    }, 
	    	    success : function(data) { 
	    	    		location.reload();
	    	    		}
	    	});
		 
	 }else{
		 //มีกาเปลี่ยนรูปภาพใหม่
		 var formData = new FormData($("#UploadFileImage")[0]);
		 $.ajax({
			    type : 'POST',
			    url : "CS82000Srvl",
			    data: formData,
			    async: false,
			    cache: false,
			    contentType: false,
			    processData: false,
			    success: function (data) {
			    	$.ajax({
			    		type : 'GET',
			    	    url : "CS82000Srvl",
			    	    data:{
			    	    	vaProcessType:"update&upload",
			    	    	topic: topic, 
			    	    	detail:detail,
			    	    	start_date:start_date,
			    	    	end_date:end_date,
			    	    	pin :pin,
			    	    	oldTopic :statusUpdate,
			    	    	oldNameImage: oldNameImage,
					    	url_address:$("#url_address").val(),
					    	agent_browser:$("#agent_browser").val()
			    	    }, 
			    	    success : function(data) { 
			    	    		location.reload();
			    	    		}
			    	});
			    },
			});
	 }
}

//render dataTable 
function renderDataTable(){
	$("#NewsSystem").DataTable({
		"oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                        	  },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",  
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล",
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",  
             "sSearch": "ค้นหา :"
        },
        "searching": true,
        "aoColumns" : [ {"sTitle": "ลำดับ", sClass: "alignCenter", sWidth: '1%',"bSortable": false},
		                {"sTitle": "ปักหมุด", sClass: "alignCenter", sWidth: '3%',"bSortable": false,
		                	 "mRender": function ( data, type, full) { 
		                		 if(full[1] == "Y"){
		                			 return '<i class="fa fa-thumb-tack fa-lg" title="ปักหมุด" style="color:#EF1717");"></i>';
		                		 }else{
		                			 return '<i class="fa fa-thumb-tack fa-lg" title="ปักหมุด" style="color:#6E6868");"></i>';
		                		 }
			                	} 
		                },
		                {"sTitle": "รูปภาพ", sClass: "alignCenter", sWidth: '3%',"bSortable": false,
		                	 "mRender": function ( data, type, full) { 
		                		 var url = full[2];
		                			 return '<img src="/CS/assets/images/new/'+url+'" style=\"width:100px;height:100px;\">';
			                	} 
		                },
		                {"sTitle": "หัวข้อข่าว", sClass: "alignCenter", sWidth: '10%'},
		                {"sTitle": "รายละเอียด", sClass: "alignCenter", sWidth: '12%'},
		                {"sTitle": "วันที่เริ่มต้น", sClass: "alignCenter", sWidth: '1%',},
		                {"sTitle": "วันที่สิ้นสุด", sClass: "alignCenter", sWidth: '1%',},
		                {"sTitle": "จัดการ", sClass: "alignCenter table-action", sWidth: '2%', "bSortable": false,
			                "mRender": function ( data, type, full) { 
			                		return  '<i class="fa fa-wrench" title="แก้ไขข้อมูล" id="editButton" onclick="editData(\'' + full[0] + '\',\'' + full[1] +'\',\'' + full[2] +'\',\'' + full[3] +'\',\'' + full[4] +'\',\'' + full[5] +'\',\'' + full[6] +'\');"></i> ' 
			                		+ '<i class="fa fa-trash-o" title="ลบข้อมูล" onclick="deleteData(\'' + full[1] + '\', \'' + full[2] + '\', \'' + full[3] +   '\', \'' + full[4] +'\', \'' + full[5] + '\', \'' + full[6] + '\');"></i>';
			                	} 
			             }
		               ],
		        "sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า  
		       	"bLengthChange": true, // แสดงจำนวน record ที่จะแสดงในตาราง
		       	"iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
		       	"bScrollCollapse": true,
		       	"aLengthMenu": [
		       		                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
		       		                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
		       		 ],
		        "iDeferLoading": 11	, 
		       	"bProcessing": true,    // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
		        "sAjaxSource": "CS82000Srvl?vaProcessType=getDataTable",
		       
	});
}